$r-base: (
  black: #000,
  white: #fff,
  gray-1: #f7f8fa,
  gray-2: #f2f3f5,
  gray-3: #ebedf0,
  gray-4: #dcdee0,
  gray-5: #c8c9cc,
  gray-6: #969799,
  gray-7: #646566,
  gray-8: #323233,
  red: #ee0a24,
  blue: #1989fa,
  orange: #ff976a,
  orange-dark: #ed6a0c,
  orange-light: #fffbe8,
  green: #07c160,
  active-opacity: 0.6,
  disabled-opacity: 0.5,

  // Padding
  padding-base: 8rpx,
  padding-xs: 16rpx,
  padding-sm: 24rpx,
  padding-md: 32rpx,
  padding-lg: 48rpx,
  padding-xl: 64rpx,

  // Font
  font-size-xs: 20rpx,
  font-size-sm: 24rpx,
  font-size-md: 28rpx,
  font-size-lg: 32rpx,
  font-bold: 600,
  line-height-xs: 28rpx,
  line-height-sm: 36rpx,
  line-height-md: 40rpx,
  line-height-lg: 44rpx,

  border-width: 2rpx,
  radius-sm: 4rpx,
  radius-md: 8rpx,
  radius-lg: 16rpx,
  radius-max: 1998rpx,
);
